// 滚动条
::-webkit-scrollbar {
  $s: 7px;

  width: $s;
  height: $s;

  &-track {
    background-color: var(--c-border);
    border-radius: $s;
  }

  &-thumb {
    background-color: var(--c-brand);
    border-radius: $s;

    &:hover {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
}

:root {
  --sidebar-width: 16rem;
  --content-width: 1190px;
}

td .badge {
  height: 16px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 16px;
}

.example-page {
  --content-width: 100vw;

  .page {
    padding-bottom: 0;
  }

  .theme-default-content {
    padding: 0;
  }

  h1,
  .page-meta,
  .page-nav {
    display: none;
  }

  .sample-demo {
    height: calc(100vh - 60px);
    margin: 0 0 0 -1px;
    border-top: none;
  }
}
